iT邦幫忙

2021 iThome 鐵人賽

DAY 1
1
Modern Web

Web Component 網頁元件之路系列 第 1

[Day01] - 旅途開始前的茶室閒聊

  • 分享至 

  • xImage
  •  

去年寶哥在 Modern WEB 中介紹過 Angular 有時會發生版本不相容的 issue , 利用 Web Component 可以

讓舊版的 Angular 元件直接拿到新版的 Angular 做使用 , 那時在我心中就埋下了一個名詞 Web Component


最近 , 我在整理自己以前寫的 口罩地圖 ,

我突然意識到那時學 React 時使用的 UI 框架 material-ui

跟我後來學 Vue 常用的 UI 框架 element-UI 都各有其長處

但是 , 我無法直接將 material-ui 中我認為不錯的元件拿到 Vue 中做使用 , 反之亦然

這讓我有點鬱悶 , 當我看到 react hook formvue-typer 都覺得不錯 ,

想同時使用時 , 只能仰天長嘯

然後默默的忽視其中一個元件 , 避免自己多看多傷心 (>人<;)

這時我突然想起 Web Component 這個名詞 , 經過 Google 後 , 我發現他可以達到我想要做的事情 ,

在同一個頁面中 , 使用 React 元件Vue 元件 ,

之後 30 天請邦友們跟我一起探尋 Web Component 讓我們一起拌炒前端三大框架吧 !
/images/emoticon/emoticon18.gif

參考資料 :


下一篇
[Day02] - 旅途開始前的行前解說
系列文
Web Component 網頁元件之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
lagagain
iT邦新手 2 級 ‧ 2021-09-05 19:33:03

就想說你的主題介紹和Micro Frontend好像有關係。不知道會不會提到Single-SPA?

Tree iT邦新手 3 級 ‧ 2021-09-05 19:41:54 檢舉

不知道有沒有機會介紹到那 /images/emoticon/emoticon16.gif

GrantLi iT邦新手 4 級 ‧ 2021-09-06 19:41:21 檢舉

期待><

0
小不釘
iT邦新手 2 級 ‧ 2022-03-24 23:35:01

讚讚,今天初次接觸WebComponent這個名詞,看了Vue官網的解說,不確定自己搞懂了沒,所在再來找找一些相關介紹,結果看到樓主的系列文。推一個,感謝捏~

我要留言

立即登入留言